.icon-foot {
    width: 24px;
    height: 24px;
    display: block;
    margin: 6px auto 0 auto;
}

.icon-home {
    background: url('../image/icon/tab_home.png') no-repeat;
    background-size: contain;
    height: 22px;
}

.icon-all {
    background: url('../image/icon/tab_all.png') no-repeat;
    background-size: contain;
    height: 22px;
}

.icon-user {
    background: url('../image/icon/tab_user.png') no-repeat;
    background-size: contain;
}

footer {
    .mui-tab-label {
        color: #808080;
        font-size: 12px;
    }
    .foot-bar-item {
        display: table-cell;
        overflow: hidden;
        width: 1%;
        height: 50px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .foot-bar-item.selected {
        .mui-tab-label {
            color: #fb5a5c;
        }
        .icon-home {
            background: url('../image/icon/tab_home_on.png') no-repeat;
            background-size: contain;
        }
        .icon-all {
            background: url('../image/icon/tab_all_on.png') no-repeat;
            background-size: contain;
        }
        .icon-user {
            background: url('../image/icon/tab_user_on.png') no-repeat;
            background-size: contain;
        }
    }
}